Table of Contents
2.2 Administrative
Website Controls
2.3 Customer
Application Controls
2.4 Supervisor
Application Controls
3.3 How
to get additional help
4.2 Hardware
and software requirements
5 Administrative
Website Functionality
5.3.10 Service Packages & Items
6 Supervisor
Application Functionality
6.2.1 Home Screen (Booking Queue)
7 Customer
Application Functionality
8.2.5 Customer Satisfaction Report
9 Error
& Confirmation Messages
Figure 1
Administrative Website Side Menu Controls7
Figure 2 User
Dropdown Menu Controls8
Figure 3 Customer
Application Menu Controls.9
Figure 4 Supervisor
Application Menu Control10
Figure 5 Admin
Website - Help Functionality12
Figure 6 Mobile
Application - Help Functionality13
Figure 7 Search
Functionality17
Figure 8 Delete
Functionality18
Figure 10 Modify
Booking Limit22
Figure 11 Modify
Loyalty Point Limit23
Figure 12 Modify
Employees Required25
Figure 13 Admin Log
In Screen27
Figure 14 Register
Employee/User Screen30
Figure 16 Add User
Role Screen34
Figure 17 Update User
Role Screen36
Figure 19 Carwash
Employees Screen39
Figure 20 Update
Employee Screen41
Figure 22 Add Stock
Item screen – 1/245
Figure 23 Add Stock
screen 2/247
Figure 25 Add New
Location Screen51
Figure 26 Update
Location Screen53
Figure 27 Service
Package Screen55
Figure 28 Add Service
Package Screen57
Figure 29 Update
Service Package Screen59
Figure 30 Service
Items Screen61
Figure 31 Add Service
Item Screen63
Figure 32 Update
Service Item65
Figure 34 Add Car
Type Screen69
Figure 35 Update Car
Type Screen70
Figure 38 Add Car
Model Screen76
Figure 39 Update Car
Model Screen78
Figure 40 Add Car
Brand Screen80
Figure 41 Update Car
Make Screen82
Figure 43 Add Car
Colour Screen86
Figure 44 Update Car
Colour Screen87
Figure 45 Select Date
Range Date picker89
Figure 46 Total
Carwashes Report Screen90
Figure 47 Total
Income Report Screen92
Figure 48 Stock Level
Report Screen94
Figure 49 Carwash
Trend Report96
Figure 50 Customer
Review Report Screen98
Figure 51 Logout
Functionality100
Figure 52 Change Logo
Screen101
Figure 53 Car Colour
Screen103
Figure 54 Supervisor
Home Screen106
Figure 55 Wash
Progress Screen108
Figure 56 Supervisor
Login Screen111
Figure 57 View Guest
Screen113
Figure 59 Customer
Home Screen117
Figure 60 Forgot
Password Screen118
Figure 61 Register
new account screen119
Figure 63 Customer's
profile screen121
Figure 64 Update
Customer Details Screen122
Figure 66 Add New Car
Screen125
Figure 67 View
Scheduled Bookings Screen126
Figure 68 Book A Wash
Screen127
Figure 69 View Wash
History Screen128
Figure 70 Add Review
Screen129
Figure 71 Book A Wash
Screen131
Figure 72 Select Car
Section132
Figure 73 Select Wash
Section133
Figure 74 Select Date
Section134
Figure 75 Select
Payment Section135
Figure 76 Confirm
Booking Screen136
Figure 77 View
Vouchers Screen137
Figure 79: Total
Carwash Report Output140
Figure 80 Total
Income Report Output141
Figure 81 Stock Level
Report Output142
Figure 82 Carwash
Trend Report Output143
Figure 83 Customer
Satisfaction Report144
Figure 84 Error
Message Example146
This user manual serves to explain all system functionality, separated according to platform (mobile application or administrative website). Contact information of the developers are also included for additional help if required help cannot be found in the user manual or system.
This section includes the general controls used for navigation in the mobile application as well as the administrative website.
2.2 Administrative Website Controls
|
Control |
Description |
|
Figure 1 Administrative Website Side Menu Controls |
The menu control of the website is used to navigate to the chosen menu item’s page. The menu is opened on the left hand of the screen. Navigates to the home screen. Navigates to the cars screen. Navigates to the users screen. Navigates to the wash services screen. Navigates to the stock screen. Navigates to the locations screen. Navigates to the bookings screen. Navigates to the Audit log screen Navigates to the report screen. |
|
Control |
Description |
|
Figure 2 User Dropdown Menu Controls |
The user dropdown menu control of the website is used to navigate to certain functionality. The menu is opened on the top right corner of the screen. Navigates to change logo screen Navigates to online help screen |
2.3 Customer Application Controls
|
Control |
Description |
|
Figure 3 Customer Application Menu Controls. |
The menu control of the mobile application is used to navigate to the chosen menu item’s page. The menu is opened on the left side of the screen. Navigates to the profile screen. Navigates to the bookings screen. Navigates to the cars screen. Navigates to the vouchers screen. Navigates to the wash history screen. Navigates to the catalogue
screen. Navigates to the online
help screen. Navigates to the login screen once a customer has logged out |
2.4 Supervisor Application Controls
|
Control |
Description |
|
Figure 4 Supervisor Application Menu Control |
The menu control of the mobile application is used to navigate to the chosen menu item’s page. The menu is opened on the right side of the screen. Navigates to the queue screen. Navigates to the guest screen. Navigates to the collect keys screen. Navigates to the check car screen.
Navigates to the login screen once a customer has logged out |
|
Control |
|
|
Text box |
The text boxes are used for capturing the short input values where required. |
|
Text area |
Text areas are used for longer input, usually a paragraph. |
|
Dropdown box |
Dropdowns contains a list of values stored in the database. One of the existing values must be chosen as input. |
|
Date/time picker |
A Date/Time picker is used for quickly selecting dates, times and/or date ranges. |
This section explained the menu controls of the administrative website, the customer mobile application and the supervisor mobile application. It explained the universal controls such as text boxes, text areas, dropdown boxes and date/time pickers used throughout the website and mobile applications.
This section includes a description of all the different ways to get help in the system.
The user must navigate to the Menu bar where the Help section will be located. Once the user selects the help button the online help doc will open in the user’s browser. On each page of the website and mobile application a “help?” link is displayed, this link can also be selected to navigate the user to the specific help section for that page.
|
Example |
Description |
|
Figure 5 Admin Website - Help Functionality |
On the admin screen, the link to the online help doc can
be found under the user dropdown menu in the top-left corner of the screen.
Navigates to the
online help documentation. |
|
Example |
Description |
|
Figure 6 Mobile Application - Help Functionality |
On each individual screen on the mobile applications, the “Help?”
link can be seen in the bottom left hand corner. This can be selected to open
up a specific section in the help document. Navigates to the
online help documentation. |
3.3 How to get additional help
Additional help can be obtained from the developers in the case of insufficient help provided in the online help function or in the user manual. Please add “HELP” in the subject line.
|
Full Name |
Email |
|
Liza-Mari Wolhuter |
U18020497@tuks.co.za |
|
Gideon Botha |
u18005765@tuks.co.za |
|
Carla Jacobs |
U17053422@tuks.co.za |
|
Barend Steenkamp |
u17185018@tuks.co.za |
|
Zuan Van Zyl |
U18169024@tuks.co.za |
This section gives a brief overview of how to get online help within the system.
This section provides the basic hardware and software requirements needed to implement the system, as well as an explanation on how to implement the system.
4.2 Hardware and software requirements
The minimum hardware and software requirements of the mobile application and the administrative website are provided below. Please note that an internet connection is required for use of the website and the mobile application.
4.2.1.1 Administrative Website
Any tablet/PC/Desktop with the following minimum requirements:
· 2GB Ram
· Core i3 processor
4.2.1.2 Mobile Applications
Any mobile device with the following:
· Camera
4.2.2.1 Administrative Website
Any tablet/PC/Desktop with the following minimum requirements:
· HTML5 Capable web browser Minimum - Windows 10
· Chrome Browser (recommended)
4.2.2.2 Mobile Applications
Any mobile device with the following:
· iOS or Android operating system Minimum - iOS 8 / Android 4.5
The ERP Carwash administrative website is an online system and requires no installation other than navigating to the following URL:
Once the website is loaded, login credentials will be requested for access to the system.
Please note that each user is assigned a certain access level according to the users’ role, and that website/ mobile application access will be restricted accordingly.
The ERP Carwash mobile application needs to be downloaded from the Google Play Store (for Android devices) or the App Store (for iOS devices).
This section described the basic system implementation procedure to be followed.
5 Administrative Website Functionality
This section explains all the functionality for the administrative website in detail.
5.2.1.1 Searching on the System
A user can search a specific data item in a table by typing in the attribute into the search box. The search box displays on the left hand corner above the table.
|
|
1 Figure 7 Search Functionality |
2 |
|||
|
NO. |
Name |
Description |
|||
|
1 |
Search Box |
The search box is an input
field of type text. The user can type in any data related to the table which
is being displayed. |
|||
|
2 |
Filtered Information |
The filtered data will
display in the table rows. |
|||
5.2.1.2 Deleting a record on the system
A user can delete a record on the system by navigating to the specific record’s table screen. The user can then search for the specific record by typing the record’s attribute (ex. Name). The system will display the matching records and the user can then navigate to the trash can button, which corresponds with the record they wish to remove, on the far right corner under the “actions” coloumn. When the user selects the delete (trash can) button the system will display a warning message and prompts the user to confirm the deletion of the record. Once the user selects the “yes” button the system will continue to remove the record from the system. If the user selects the “no” button the warning message will close and the record will not be deleted.
|
|
Figure 8 Delete Functionality |
1 |
||
|
NO. |
Name |
Description |
||
|
1 |
Delete Button |
The delete button opens up
a warning message where the user must indicate whether they want to delete
the record selected or not. |
||
5.3.1.1 Home Screen
The home screen is displayed when the website has been opened on a browser. The home screen is designed to give useful information at a glance. The current stock levels can be seen in a graphical format, some necessary settings can be changed and the system can be backed-up and restored. The following settings can also be modified on the home screen: the max limit of bookings, the loyalty point limit, the employees required for washing.
|
11 8 5 3 |
1 Figure 9 Admin Home Screen |
12 100 9 7 6 2 4 |
|||||||||||||
|
NO. |
Name |
Description |
|||||||||||||
|
1 |
Top Menu Bar |
Displays the name of the
company contains the user dropdown and the side navigation menu button. |
|||||||||||||
|
2 |
User Dropdown |
The user dropdown can be
selected to display more functionality, the logout, the change logo action
and the settings button. |
|||||||||||||
|
3 |
Side Navigation Menu |
The side navigation menu
contains all the links to the different sectors of the website. (see
universal controls) |
|||||||||||||
|
4 |
Welcome Header |
The welcome header shows
the name of the user who is currently logged into the system. |
|||||||||||||
|
5 |
Max Limit of Bookings Card |
Displays the current limit
set in the system for bookings a day. |
|||||||||||||
|
6 |
Employees Required for
Washing Card |
Displays the required
employees for the amount of bookings for the current day. |
|||||||||||||
|
7 |
Loyalty Points Program Card |
Displays the current
loyalty point limit as in the system. |
|||||||||||||
|
8 |
Current Stock Levels Card |
Displays the current stock
levels as in the database for each of the stock items in the system. |
|||||||||||||
|
9 |
Today’s Bookings Card |
Displays a list of bookings
for the current day. |
|||||||||||||
|
10 |
Back-Up & Restore Card |
Displays the back-up and
restore information for the system. |
|||||||||||||
|
11 |
Back-Up Button |
To back up the system, the
user will have to click on the Back-Up button. Which will then back up all the data in the database to a
SQL script. |
|||||||||||||
5.3.1.2 Modify Max Limit of Bookings Screen
The modify max limit of bookings screen is used to update the amount of bookings which is allowed to be booked on one day.
|
4 3 |
1 Figure 10 Modify Booking Limit |
5 2 |
||||||
|
NO. |
Name |
Description |
||||||
|
1 |
Header |
Displays the “Modify Max
Limit of Bookings” header to indicate what pop-up is being displayed. |
||||||
|
2 |
Number Input |
Input field of type numeric
up and down for the max bookings amount. |
||||||
|
3 |
Cancel Button |
Cancels and closes the
modify pop-up. |
||||||
|
4 |
Submit button |
Submits the modification
and updates the record in the database. |
||||||
5.3.1.3 Modify Loyalty Point Limit Screen
The modify loyalty point limit screen is used to update the amount of loyalty points a customer should receive before they receive a voucher and what package is given as a voucher.
|
5 4 |
1 Figure 11 Modify Loyalty Point Limit |
6 3 2 |
|||||||
|
NO. |
Name |
Description |
|||||||
|
1 |
Header |
Displays the “Modify
Loyalty Program” header to indicate what pop-up is being displayed. |
|||||||
|
2 |
Number Input |
Input field of type numeric
up and down amount. |
|||||||
|
3 |
Service Package eligible
for voucher redemption dropdown |
Displays all the service
packges in a dropdown and the user must select one. |
|||||||
|
5 |
Cancel Button |
Cancels and closes the modify
pop-up. |
|||||||
|
6 |
Submit button |
Submits the modification
and updates the record in the database. |
|||||||
5.3.1.4 Change Employees Required Screen
The change employees required screen is used to change the number of employees needed per wash per day.
|
2 3 |
1 Figure 12 Modify Employees Required |
4 |
|||||
|
NO. |
Name |
Description |
|||||
|
1 |
Header |
Displays the “Change employees
required” header to indicate what pop-up is being displayed. |
|||||
|
2 |
Number Input |
Input field of type numeric
up and down for the employees required amount. |
|||||
|
3 |
Cancel Button |
Cancels and closes the
modify pop-up. |
|||||
|
4 |
Submit button |
Submits the modification and
updates the record in the database. |
|||||
The reset password screen is displayed when a user selects the “forgot password” link on the login screen. The user must type in their email address in the textbox provided and click the “send OTP” button. The system will send the user an OTP which will then allow the user to change their password.
|
1 2 |
|
3 |
||||
|
NO. |
Name |
Description |
||||
|
1 |
Header |
The header describes what
screen is being displayed. |
||||
|
2 |
Email Textbox |
Input field for the email
of the admin. |
||||
|
3 |
Send OTP |
The send email button sends the email with the pin. |
||||
This screen is used to login the admin on to the system, the user must enter his username and password in the username and password textboxes and then click on the login button, a success message will show when the user logs in successfully and an error message will show when the username or password is entered incorrectly. An error message will also show if the email does not exist on the system or if the user does not have access to the admin website.
|
1 5 2 3 |
Figure 13 Admin Log In Screen |
6 4 |
|||||||
|
NO. |
Name |
Description |
|||||||
|
1 |
Company Logo |
The company logo should be
displayed on the login screen. |
|||||||
|
2 |
Header |
Displays the “Log In”
header which indicates what screen is being displayed. |
|||||||
|
2 |
Username Textbox |
Input of type text for the Admin Username. |
|||||||
|
3 |
Password Textbox |
Input of type Password for the Admin Password. |
|||||||
|
4 |
Forgot Password |
Hyperlink To forgot password screen |
|||||||
|
5 |
Login Button |
Once clicked, the system will login the user as an admin and take the user to the home screen. |
|||||||
This screen is used to display the current admin and/or employees that is added on to the system in a table. A user may add a new person on to the system on this screen by clicking on the “+” button located in the right corner of the employee or user screen, a user must then enter the details in the textboxes shown and then click on next until the last page where the user must click the save button if the user entered no data or incorrect format an error message will popup, if the data saves successfully to the database a success message will show. If a user accidently clicked on the “ADD NEW” button, the user may click the web page back button if he/she wishes to cancel. The button on the right is the view person button which will open the view person page with all the details of the person that is saved on the system.
|
9 8 6 4 5 2 |
1 Figure 14 Register Employee/User Screen |
10 7 3 |
|||||||||||
|
7NO. |
Name |
Description |
|||||||||||
|
1 |
Header |
The header “Register
Carwash Employee” indicates which screen is being displayed |
|||||||||||
|
2 |
First Name Textbox |
Input field for first name
of the new user. |
|||||||||||
|
3 |
Last Name Textbox |
Input field for surname of the new user. |
|||||||||||
|
4 |
Date of Birth Textbox |
Input field for date of birth of the new user. |
|||||||||||
|
5 |
Email Textbox |
Input field for email of the new user. |
|||||||||||
|
6 |
Password Textbox |
Input field for password of the new user. |
|||||||||||
|
7 |
Confirm Password Textbox |
Input field for the confirmation of password of the new user. |
|||||||||||
|
8 |
Select Location Textbox |
Dropdown with all locations, for the location of the new user. |
|||||||||||
|
9 |
Register Button Textbox |
Once this clicked, the system will add the new user to the system and a confirmation box should appear on the screen. |
|||||||||||
|
10 |
Cancel Button Textbox |
If clicked, the system will cancel the register user action. |
|||||||||||
5.3.5.1 User Role Landing screen
This screen is used to display the current user roles that is added on to the system in a table with the appropriate fields and relevant records. The user screen allows for a user to add a new user to the system, update and existing user or delete an existing user. There is a search box where a user can be searched on the system.
|
1 4 2 5 6 |
Figure 15 User Role screen |
7 3 8 |
|||||||||
|
NO. |
Name |
Description |
|||||||||
|
1 |
Header |
The header “User Roles”
indicates which screen is being displayed |
|||||||||
|
2 |
Search box |
The search box can be used to
search for a specific user role on the system. |
|||||||||
|
3 |
Add Button |
The add button can be clicked if the user wishes to add a new user role to the system. |
|||||||||
|
4 |
Table Headers |
The table headers for the columns in the table. |
|||||||||
|
5 |
Table Content |
Displays all the user roles on the system. |
|||||||||
|
6 |
Table Footer |
Displays more information regarding information on the user roles. |
|||||||||
|
7 |
Delete Button |
The delete button can be clicked to delete a user role from the system. |
|||||||||
|
8 |
Edit Button |
The edit button can be clicked to modify an user role. |
|||||||||
5.3.5.2 Add User Role
A user may add a new user role on to the system on this screen by clicking on the “ADD” button located in the right corner of the screen, a user must then enter the user role details in the textboxes shown and then click on save button if the user entered no data or incorrect format an error message will popup, if the data saves successfully to the database a success message will popup. If a user accidently clicked on the add button, there is a white cross (“X”) button located in the right corner of the screen, which when clicked cancels the process of adding a new user role.
|
1 3 2 |
Figure 16 Add User Role Screen |
44 |
|||||
|
NO. |
Name |
Description |
|||||
|
1 |
Header |
The header “Add” indicates
which screen is being displayed |
|||||
|
2 |
Role Name Textbox |
Input field for the role
name. |
|||||
|
3 |
Close button |
Close button to cancel the action and close the modal. |
|||||
|
4 |
Submit Button |
Submit button, once clicked the new user role will be added to the system. |
|||||
5.3.5.3 Edit User Role
A user must navigate from the user role screen to the modify user role screen by clicking on the modify user role button located under the actions column in the user role table on the left side. When a user clicks on the modify user role button it will navigate to the modify user role page where the user must update or change the required fields that needs to be updated and click on save, the system will return to the user role page. The required fields that was change will show in the asset table on the asset screen.
|
1 3 2 |
Figure 17 Update User Role Screen |
4 |
|||||
|
NO. |
Name |
Description |
|||||
|
1 |
Header |
The header “Update”
indicates which screen is being displayed |
|||||
|
2 |
Role Name Textbox |
Input field for the role name. |
|||||
|
3 |
Close button |
Close button to cancel the action and close the modal. |
|||||
|
4 |
Submit Button |
Submit button, once clicked the new user role will be added to the system. |
|||||
5.3.6.1 User Landing Page
The user screen displays all the users and relevant user data that exists on the system. A user can add another user by selecting the “+” button located on the top right corner. A user can also disable another user by clicking on the “x Disable” button. Or enable a user by clicking the “ Enable” button. The system will prompt a confirmation message before completing the action.
|
1 2 4 5 6 |
Figure 18 Users screen |
8 7 3 |
|||||||||
|
NO. |
Name |
Description |
|||||||||
|
1 |
Header |
The header “User” indicates
which screen is being displayed |
|||||||||
|
2 |
Search box |
The search box can be used to search for a specific user on the system. |
|||||||||
|
3 |
Add Button |
The add button can be clicked if the user wishes to add a new user to the system. |
|||||||||
|
4 |
Table Headers |
The table headers for the columns in the table. |
|||||||||
|
5 |
Table Content |
Displays all the users on the system. |
|||||||||
|
6 |
Table Footer |
Displays more information regarding information on the users |
|||||||||
|
7 |
Disable Button |
Disables the user and updates the status attribute in the database. |
|||||||||
|
8 |
Enable Button |
Enables the user and updates the status attribute in the database. |
|||||||||
5.3.6.2 Disable or Enable User
A user can be disabled by selecting the “Disabled” button
under the actions column on the User screen. A disabled user will no longer
have access to the system but the user’s data and information will remain on
the system. A user can be enabled by selecting the “Enable” button under the
actions column on the User screen. This button only displays if a user has been
disabled on the system.
5.3.7.1 Employee Landing Screen
The employees screen is used for viewing all employees currently registered on the system. A table with relevant information regarding the employees is displayed. An employee can be modified, deleted and viewed from this screen, depending on which action is selected.
|
1 2 4 5 6 |
Figure 19 Carwash Employees Screen |
3 8 7 |
|||||||||
|
NO. |
Name |
Description |
|||||||||
|
1 |
Header |
The header “Carwash
Employees” indicates which screen is being displayed |
|||||||||
|
2 |
Search box |
The search box can be used to search for a specific employee on the system. |
|||||||||
|
3 |
Add Button |
The add button can be clicked if the user wishes to add a new employee to the system. |
|||||||||
|
4 |
Table Headers |
The table headers for the columns in the table. |
|||||||||
|
5 |
Table Content |
Displays all the employees on the system. |
|||||||||
|
6 |
Table Footer |
Displays more information regarding information on the employees.. |
|||||||||
|
7 |
Delete Button |
The delete button can be clicked to delete an employee from the system. |
|||||||||
|
8 |
Edit Button |
The edit button can be clicked to modify an employee. |
|||||||||
5.3.7.2 Update Employee
The update employee screen is used to update a specific employee’s information. All required fields must be completed and correctly completed in order to modify the employee details successfully. If all fields are validated the system will update the employee’s details once the add button is selected. If there is a validation error the system will display the error underneath the field which has been entered incorrectly or not completed.
|
1 6 5 4 2 |
Figure 20 Update Employee Screen |
6 3 |
||||||||
|
NO. |
Name |
Description |
||||||||
|
1 |
Header |
The header “Update”
indicates which screen is being displayed |
||||||||
|
2 |
Name Textbox |
Input field for the name for the employee. |
||||||||
|
3 |
Surame Textbox |
Input field for the surname for the employee. |
||||||||
|
4 |
Submit Button |
Input field for the email for the employee. |
||||||||
|
5 |
Locations Checkbox list
section |
Display a checkbox list for all locations on the system. |
||||||||
|
6 |
Close Button |
Closes the pop-up. |
||||||||
|
7 |
Save Changes button |
Submits the changes and updates the employee in the database. |
||||||||
5.3.8.1 Stock Landing Page
The stock screen is used for viewing all stock currently registered on the system. A table with relevant information regarding the stock items is displayed. An stock item can be modified, deleted and viewed from this screen, depending on which action is selected.
|
1 55 4 6 2 |
Figure 21 Stock screen |
3 8 7 |
|||||||||
|
NO. |
Name |
Description |
|||||||||
|
1 |
Header |
The header “Stock”
indicates which screen is being displayed |
|||||||||
|
2 |
Search box |
The search box can be used
to search for a specific stock item on the system. |
|||||||||
|
3 |
Add Button |
The add button can be
clicked if the user wishes to add a new stock item to the system. |
|||||||||
|
4 |
Table Headers |
The table headers for the columns in the table. |
|||||||||
|
5 |
Table Content |
Displays all the stock items on the system. |
|||||||||
|
6 |
Table Footer |
Displays more information
regarding information on the stock items. |
|||||||||
|
7 |
Delete Button |
The delete button can be
clicked to delete a stock item from the system. |
|||||||||
|
8 |
Edit Button |
The edit button can be clicked to modify a stock item. |
|||||||||
5.3.8.2 Add A Stock Item
The add stock screen is used for adding a new stock item to the system. All required input fields must be correctly completed and once the add button is selected the system should display a success modal. If not all fields are completed and correct an error notification will appear. (control descriptions in next page, note there are two screens)
|
4 2 |
1 Figure 22 Add Stock Item screen – 1/2 |
5 3 |
||||||
|
NO. |
Name |
Description |
||||||
|
1 |
Header |
The heading “Add Stock”
indicates what pop up is being displayed. |
||||||
|
2 |
Name Textbox |
Input field of type text
for the name of the stock item. |
||||||
|
3 |
Brand Textbox |
Input field of type text
for the brand of the stock item. |
||||||
|
4 |
Full Product Amount Numeric
Input |
Input field of type numeric
for the full amount of the stock item. |
||||||
|
5 |
Current Amount Numeric
Input |
Input field of type numeric
for the current amount of the stock item. |
||||||
|
6 8 7 |
Figure 23 Add Stock screen 2/2 |
9 |
|||||
|
NO. |
Name |
Description |
|||||
|
6 |
Service Items Section |
Checkbox list of all
service items on the system to indicate where the stock item is applicable. |
|||||
|
7 |
Usage Per Type Section |
The input fields for all
car types in the system to indicate the usage per type for the stock item. |
|||||
|
8 |
Cancel Button |
Cancels the action. |
|||||
|
9 |
Submit Button |
Completes the action and
adds the item to the system. |
|||||
5.3.9.1 Locations Landing Page
The location screen is used for viewing all locations currently registered on the system. A location can be modified, deleted and viewed from this screen, depending on which action is selected.
|
1 2 5 6 4 |
Figure 24 Locations screen |
3 8 7 |
|||||||||
|
NO. |
Name |
Description |
|||||||||
|
1 |
Header |
The header “Locations”
indicates which screen is being displayed |
|||||||||
|
2 |
Search box |
The search box can be used to search for a specific location on the system. |
|||||||||
|
3 |
Add Button |
The add button can be clicked if the user wishes to add a new location to the system. |
|||||||||
|
4 |
Table Headers |
The table headers for the columns in the table. |
|||||||||
|
5 |
Table Content |
Displays all the locations on the system. |
|||||||||
|
6 |
Table Footer |
Displays more information regarding information on the locations |
|||||||||
|
7 |
Delete Button |
The delete button can be clicked to delete a location from the system. |
|||||||||
|
8 |
Edit Button |
The edit button can be clicked to modify a location. |
|||||||||
5.3.9.2 Add Location
The add location screen is used for adding a new location to the system. All required input fields must be correctly completed and once the add button is selected the system should display a success modal. If not all fields are completed and correct an error notification will appear.
|
1 5 4 3 |
Figure 25 Add New Location Screen |
2 6 |
|||||||
|
NO. |
Name |
Description |
|||||||
|
1 |
Header |
The heading “Add Location”
indicates what pop up is being displayed. |
|||||||
|
2 |
Name Textbox |
Input field of type text for the name of the location. |
|||||||
|
3 |
Address Textbox |
Input field of type text for the address of the location. |
|||||||
|
4 |
Active Washing Days Section |
Checkbox list to indicate the active washing days for the specific location. |
|||||||
|
8 |
Cancel Button |
Cancels the action. |
|||||||
|
9 |
Add Location Button |
Completes the action and adds the location to the system. |
|||||||
5.3.9.3 Update Location
The purpose for this screen is to update or change an existing location on the system. A user must complete or change the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the location screen.
|
5 4 2 |
1 Figure 26 Update Location Screen |
3 6 |
|||||||
|
NO. |
Name |
Description |
|||||||
|
1 |
Header |
The heading “Update” indicates
what pop up is being displayed. |
|||||||
|
2 |
Name Textbox |
Input field of type text for the name of the location. |
|||||||
|
3 |
Address Textbox |
Input field of type text for the address of the location. |
|||||||
|
4 |
Active Washing Days Section |
Checkbox list to indicate the active washing days for the specific location. The current days which is selected will already be checked. |
|||||||
|
8 |
Cancel Button |
Cancels and closes the pop-up. |
|||||||
|
9 |
Add Location Button |
Completes the action and updates the location on the system. |
|||||||
5.3.10.1 Service Package Landing Page
The service packages screen displays all the service packages that are on the system with the relevant information field. A user can add, edit or delete a service package depending on which actions are selected.
|
1 4 2 5 6 |
Figure 27 Service Package Screen |
3 8 7 |
|||||||||
|
NO. |
Name |
Description |
|||||||||
|
1 |
Header |
The header “Service Packages”
indicates which screen is being displayed |
|||||||||
|
2 |
Search box |
The search box can be used to search for a specific service package on the system. |
|||||||||
|
3 |
Add Button |
The add button can be clicked if the user wishes to add a new service package to the system. |
|||||||||
|
4 |
Table Headers |
The table headers for the columns in the table. |
|||||||||
|
5 |
Table Content |
Displays all the service packages on the system. |
|||||||||
|
6 |
Table Footer |
Displays more information regarding information on the service packages |
|||||||||
|
7 |
Delete Button |
The delete button can be clicked to delete a service package from the system. |
|||||||||
|
8 |
Edit Button |
The edit button can be clicked to modify a service package. |
|||||||||
5.3.10.2 Add Service Package
The add service package screen is used to add a new service package to the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the service package screen.
|
1 4 3 |
Figure 28 Add Service Package Screen |
2 5 |
||||||
|
NO. |
Name |
Description |
||||||
|
1 |
Header |
The heading “Add Service
Package” indicates what pop up is being displayed. |
||||||
|
2 |
Package Name Textbox |
Input field for the item’s name. |
||||||
|
3 |
Service Items Button |
The service items button opens up the service package pop up to select the service items for the service package. |
||||||
|
4 |
Cancel Button |
The close button cancels the action. |
||||||
|
5 |
Add Button |
The add button completes the action and adds the package in the system. |
||||||
5.3.10.3 Update Service Package
The update service package screen is used to change a service package in the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the service package screen.
|
1 4 5 3 |
Figure 29 Update Service Package Screen |
6 2 |
|||||||
|
NO. |
Name |
Description |
|||||||
|
1 |
Header |
The heading “Update”
indicates what pop up is being displayed. |
|||||||
|
2 |
Close Button |
The close button closes the pop up. |
|||||||
|
3 |
Service Package Name
Textbox |
Input field for the item’s name. |
|||||||
|
4 |
Service Items Section |
The service items checkbox list is where the service items which is used by the service ipackage is specified. |
|||||||
|
6 |
Close Button |
The close button cancels the action. |
|||||||
|
7 |
Save Changes |
The save changes button completes the action and updates the package in the system. |
|||||||
5.3.10.4 Service Item Landing Page
The service items screen displays all the service items that are on the system with the relevant information field. A user can add, edit or delete a service item depending on which actions are selected.
|
1 6 2 4 5 |
Figure 30 Service Items Screen |
3 8 7 |
|||||||||
|
NO. |
Name |
Description |
|||||||||
|
1 |
Header |
The header “Service Items” indicates
which screen is being displayed |
|||||||||
|
2 |
Search box |
The search box can be used to search for a specific service item on the system. |
|||||||||
|
3 |
Add Button |
The add button can be clicked if the user wishes to add a new service item to the system. |
|||||||||
|
4 |
Table Headers |
The table headers for the columns in the table. |
|||||||||
|
5 |
Table Content |
Displays all the service items on the system. |
|||||||||
|
6 |
Table Footer |
Displays more information regarding information on the service items |
|||||||||
|
7 |
Delete Button |
The delete button can be clicked to delete a service item from the system. |
|||||||||
|
8 |
Edit Button |
The edit button can be clicked to modify a service item. |
|||||||||
5.3.10.5 Add Service Item
The add service item screen is used to add a new service item to the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the service item screen.
|
1 4 54 2 |
Figure 31 Add Service Item Screen |
6 3 |
|||||||
|
NO. |
Name |
Description |
|||||||
|
1 |
Header |
The heading “Create Service
Item” indicates what pop up is being displayed. |
|||||||
|
2 |
Service Item Name Textbox |
Input field for the item’s name. |
|||||||
|
3 |
Cost Per Type Section |
The cost per type section is where the price for each car
type is specified. |
|||||||
|
5 |
Select Stock Items Button |
Opens up the stock items
pop up list where the stock items must be selected. |
|||||||
|
6 |
Cancel Button |
The close button cancels the
action. |
|||||||
|
7 |
Submit Button |
The submit button completes
the action and adds the new item to the system. |
|||||||
5.3.10.6 Update Service Item
The update service item screen is used to update service item in the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the service item screen.
|
5 6 3 |
1 Figure 32 Update Service Item |
2 7 4 |
||||||||
|
NO. |
Name |
Description |
||||||||
|
1 |
Header |
The heading “Update”
indicates what pop up is being displayed. |
||||||||
|
2 |
Close Button |
The close button closes the pop up. |
||||||||
|
3 |
Service Item Textbox |
Input field for the item’s name/description. |
||||||||
|
4 |
Cost Per Type Section |
The cost per type section is where the price for each car type is specified. The “R” does not have to be entered as it is automatically added. |
||||||||
|
5 |
Stock Items Checkbox List |
The stock items checkbox list is where the stock items which is used by the service item is specified. |
||||||||
|
6 |
Close Button |
The close button cancels the action. |
||||||||
|
7 |
Save Changes |
The save changes button completes the action and adds the new item to the system. |
||||||||
The car type screen is used for viewing all types currently registered on the system. A table with relevant information regarding the car types is displayed. A type can be modified, deleted and viewed from this screen, depending on which action is selected.
|
1 6 5 4 2 |
Figure 33 Car Type Screen |
8 3 7 |
|||||||||
|
NO. |
Name |
Description |
|||||||||
|
1 |
Header |
The header “Car Type”
indicates which screen is being displayed |
|||||||||
|
2 |
Search box |
The search box can be used to search for a specific type on the system. |
|||||||||
|
3 |
Add Button |
The add button can be clicked if the user wishes to add a new type to the system. |
|||||||||
|
4 |
Table Headers |
The table headers for the columns in the table. |
|||||||||
|
5 |
Table Content |
Displays all the types on the system. |
|||||||||
|
6 |
Table Footer |
Displays more information regarding information on the types. |
|||||||||
|
7 |
Delete Button |
The delete button can be
clicked to delete a type from the system. |
|||||||||
|
8 |
Edit Button |
The edit button can be clicked to modify a types |
|||||||||
5.3.11.1 Add Car Type
The add car type screen is used to add to a new car type to the system. The required fields must be complete and correct in order for the system to successfully add the car type to the database. If the validation is not successful the system will display a validation error message.
|
3 4 |
1 Figure 34 Add Car Type Screen |
5 2 |
||||||
|
NO. |
Name |
Description |
||||||
|
1 |
Header |
The heading “Add” indicates
what pop up is being displayed. |
||||||
|
2 |
Close Button |
The close button closes the pop up. |
||||||
|
3 |
Description Textbox |
Input field for the car type description. |
||||||
|
4 |
Close Button |
The close button closes the pop up and cancels the action. |
||||||
|
5 |
Submit |
The submit button completes the action and adds the type to the system. |
||||||
5.3.11.2 Update Car Type
The update car type screen is used to update car type in the system. The required fields must be complete and correct in order for the system to successfully add the car type to the database. If the validation is not successful the system will display a validation error message.
|
3 4 |
1 Figure 35 Update Car Type Screen |
5 2 |
||||||
|
NO. |
Name |
Description |
||||||
|
1 |
Header |
The heading “Add” indicates
what pop up is being displayed. |
||||||
|
2 |
Close Button |
The close button closes the pop up. |
||||||
|
3 |
Description Textbox |
Input field for the car type description. |
||||||
|
4 |
Close Button |
The close button closes the pop up and cancels the action. |
||||||
|
5 |
Save Changes Button |
The submit button completes the action and updates the type on the system. |
||||||
5.3.12.1 Car Models Table
The car models screen is used for viewing all models currently registered on the system. A model can be modified, deleted and viewed from this screen, depending on which action is selected.
|
1 6 5 4 2 |
Figure 36 Car Model Screen |
8 3 7 |
|||||||||
|
NO. |
Name |
Description |
|||||||||
|
1 |
Header |
The header “Car Model”
indicates which screen is being displayed |
|||||||||
|
2 |
Search box |
The search box can be used to search for a specific model on the system. |
|||||||||
|
3 |
Add Button |
The add button can be clicked if the user wishes to add a new model to the system. |
|||||||||
|
4 |
Table Headers |
The table headers for the columns in the table. |
|||||||||
|
5 |
Table Content |
Displays all the models on the system. |
|||||||||
|
6 |
Table Footer |
Displays more information regarding information on the models. |
|||||||||
|
7 |
Delete Button |
The delete button can be clicked to delete a models from the system. |
|||||||||
|
8 |
Edit Button |
The edit button can be clicked to modify a models. |
|||||||||
5.3.12.2 Car Brand Table
The car brand screen is used for viewing all brands currently registered on the system. A brands can be modified, deleted and viewed from this screen, depending on which action is selected.
|
1 5 4 2 6 |
Figure 37 Car Brand Screen |
7 3 8 |
|||||||||
|
NO. |
Name |
Description |
|||||||||
|
1 |
Header |
The header “Car Brand”
indicates which screen is being displayed |
|||||||||
|
2 |
Search box |
The search box can be used to search for a specific brand on the system. |
|||||||||
|
3 |
Add Button |
The add button can be clicked if the user wishes to add a new brand to the system. |
|||||||||
|
4 |
Table Headers |
The table headers for the columns in the table. |
|||||||||
|
5 |
Table Content |
Displays all the brands on the system. |
|||||||||
|
6 |
Table Footer |
Displays more information regarding information on the brand. |
|||||||||
|
7 |
Delete Button |
The delete button can be clicked to delete a brand from the system. |
|||||||||
|
8 |
Edit Button |
The edit button can be clicked to modify a brand. |
|||||||||
5.3.12.3 Add Car Model
The add car model screen is used to add a new car model to the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the car model screen.
|
3 5 6 |
1 Figure 38 Add Car Model Screen |
4 2 7 |
||||||||
|
NO. |
Name |
Description |
||||||||
|
1 |
Header |
The heading “Add” indicates
what pop up is being displayed. |
||||||||
|
2 |
Close Button |
The close button closes the pop up. |
||||||||
|
3 |
Car Make Dropdown |
Dropdown for all car makes in the system. |
||||||||
|
4 |
Car Model Textbox |
Input field for the model description. |
||||||||
|
5 |
Car Type Dropdown |
Dropdown for all car types in the system. |
||||||||
|
6 |
Close Button |
The close button closes the
pop up and cancels the action. |
||||||||
|
7 |
Submit Button |
The submit button completes
the action and adds the new model to the system. |
||||||||
5.3.12.4 Update Car Model
The update car make screen is used to update car model in the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the car make screen.
|
3 6 5 |
1 Figure 39 Update Car Model Screen |
4 7 2 |
||||||||
|
NO. |
Name |
Description |
||||||||
|
1 |
Header |
The heading “Update”
indicates what pop up is being displayed. |
||||||||
|
2 |
Close Button |
The close button closes the pop up. |
||||||||
|
3 |
Car Make Dropdown |
Dropdown for all car makes in the system. |
||||||||
|
4 |
Car Model Textbox |
Input field for the model description. |
||||||||
|
5 |
Car Type Dropdown |
Dropdown for all car types in the system. |
||||||||
|
6 |
Close Button |
The close button closes the pop up and cancels the action. |
||||||||
|
7 |
Save Changes Button |
The save changes button
completes the action and updates the model to the system. |
||||||||
5.3.12.5 Add Car Brand
The add car brand screen is used to add a new brand to the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the car make screen.
|
4 3 |
1 Figure 40 Add Car Brand Screen |
5 2 |
||||||
|
NO. |
Name |
Description |
||||||
|
1 |
Header |
The heading “Add” indicates
what pop up is being displayed. |
||||||
|
2 |
Close Button |
The close button closes the pop up. |
||||||
|
3 |
Car Make Textbox |
Input field for the car brand description. |
||||||
|
4 |
Close Button |
The close button closes the pop up and cancels the action. |
||||||
|
5 |
Submit |
The submit button completes
the action and adds the new brand to the system. |
||||||
5.3.12.6 Update Car Brand
The update car brand screen is used to update car brand in the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the car brand screen.
|
3 4 |
1 Figure 41 Update Car Make Screen |
5 2 |
||||||
|
NO. |
Name |
Description |
||||||
|
1 |
Header |
The heading “Add” indicates
what pop up is being displayed. |
||||||
|
2 |
Close Button |
The close button closes the pop up. |
||||||
|
3 |
Car Make Textbox |
Input field for the car make description. |
||||||
|
4 |
Close Button |
The close button closes the pop up and cancels the action. |
||||||
|
5 |
Submit |
The submit button completes the action and updates the make to the system. |
||||||
5.3.13.1 Car Colours Landing Page
The car colour screen is used for viewing all colours currently registered on the system. A colour can be modified, deleted and viewed from this screen, depending on which action is selected.
|
1 6 5 4 2 |
Figure 42 Car Colour Screen |
8 3 7 |
|||||||||
|
NO. |
Name |
Description |
|||||||||
|
1 |
Header |
The header “Car Colour”
indicates which screen is being displayed |
|||||||||
|
2 |
Search box |
The search box can be used to search for a specific colour on the system. |
|||||||||
|
3 |
Add Button |
The add button can be clicked if the user wishes to add a new colour to the system. |
|||||||||
|
4 |
Table Headers |
The table headers for the columns in the table. |
|||||||||
|
5 |
Table Content |
Displays all the colours on the system. |
|||||||||
|
6 |
Table Footer |
Displays more information regarding information on the colours. |
|||||||||
|
7 |
Delete Button |
The delete button can be clicked to delete a colour from the system. |
|||||||||
|
8 |
Edit Button |
The edit button can be clicked to modify a colour. |
|||||||||
5.3.13.2 Add Car Colour
The add car colour screen is used to add a new car colour to the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is added successfully to the database a success message will be shown and the user will be directed back to the car colour screen.
|
3 4 |
1 Figure 43 Add Car Colour Screen |
5 2 |
||||||
|
NO. |
Name |
Description |
||||||
|
1 |
Header |
The heading “Add” indicates
what pop up is being displayed. |
||||||
|
2 |
Close Button |
The close button closes the pop up. |
||||||
|
3 |
Car Colour Textbox |
Input field for the car colour description. |
||||||
|
4 |
Close Button |
The close button closes the pop up and cancels the action. |
||||||
|
5 |
Submit Button |
The submit button completes the action and adds the colour to the system. |
||||||
5.3.13.3 Update Car Colour
The update car colour screen is used to update car colour to the system. A user must complete the required textboxes with the appropriate criteria and then click on save, if fields are left empty or criteria is in wrong format an appropriate error message will be shown, if the data is updated successfully to the database a success message will be shown and the user will be directed back to the car colour screen.
|
3 4 |
1 Figure 44 Update Car Colour Screen |
5 2 |
||||||
|
NO. |
Name |
Description |
||||||
|
1 |
Header |
The heading “Add” indicates
what pop up is being displayed. |
||||||
|
2 |
Close Button |
The close button closes the pop up. |
||||||
|
3 |
Car Colour Textbox |
Input field for the car colour description. |
||||||
|
4 |
Close Button |
The close button closes the pop up and cancels the action. |
||||||
|
5 |
Save changes |
The submit button completes the action and updates the colour to the system. |
||||||
5.3.14.1 Selecting A Date Range
On each report screen the Select A Date Range input field must be entered before a report can be generated. The user must indicate the start and end date of the date range.
|
1 |
Figure 45 Select Date Range Date picker |
|
||
|
NO. |
Name |
Description |
||
|
1 |
Enter Date Range Input |
The user must select a
start and end date for which they want to generate the report. |
||
5.3.14.2 Total Carwash Report
The total carwash report displays to graphical illustrations of the total service packages and total service items booked in the selected timeframe. The user can export the report into a pdf version by selecting the “Export” button.
|
7 5 3 |
1 Figure 46 Total Carwashes Report Screen |
8 6 4 2 |
|||||||||
|
NO. |
Name |
Description |
|||||||||
|
1 |
Report Header |
The heading “Total Carwash
Report” indicates what report is being displayed. |
|||||||||
|
2 |
Date Range Input |
Input field of type datepicker for the date range of the report. |
|||||||||
|
3 |
Generate Button |
Generates the report. |
|||||||||
|
4 |
Export Report |
Exports the report to a pdf version. |
|||||||||
|
5 |
Total Service Packages
Graph |
Displays the total service packages booked in a graphical format. |
|||||||||
|
6 |
Total Service Items Graph |
Displays the total service items booked in a graphical
format. |
|||||||||
|
7 |
Total Service Packages
Table |
Displays the total service packages booked in a table
format. |
|||||||||
|
8 |
Total Service Items Table |
Displays the total service items booked in a table format. |
|||||||||
5.3.14.3 Total Income Report
The total income report displays the total income made by the carwash for a specific timeframe. The user can export the report into a pdf version by selecting the “Export” button.
|
5 3 |
1 Figure 47 Total Income Report Screen |
6 4 2 |
|||||||
|
NO. |
Name |
Description |
|||||||
|
1 |
Report Header |
The heading “Total Carwash
Report” indicates what report is being displayed. |
|||||||
|
2 |
Date Range Input |
Input field of type datepicker for the date range of the report. |
|||||||
|
3 |
Generate Button |
Generates the report. |
|||||||
|
4 |
Export Report |
Exports the report to a pdf version. |
|||||||
|
6 |
Total Income Graph |
Displays the total income in a graphical format. |
|||||||
|
7 |
Total Income Table |
Displays the total income booked in a table format. |
|||||||
5.3.14.4 Stock Level Report
The stock level report displays the current stock level for each of the stock items on the system. The stock level can be viewed in a graphical format or a in a table format. No data selection is needed since the stock levels showcase the current day’s levels.
|
4 3 |
1 Figure 48 Stock Level Report Screen |
2 |
|||||
|
NO. |
Name |
Description |
|||||
|
1 |
Report Header |
The heading “Total Carwash
Report” indicates what report is being displayed. |
|||||
|
4 |
Export Button |
Exports the report to a pdf version. |
|||||
|
5 |
Current Stock Levels Graph |
Displays the current stock levels in a graphical format. |
|||||
|
7 |
Current Stock Levels Table |
Displays the current stock levels in a table format. |
|||||
5.3.14.5 Carwash Trend Report
The carwash trend report provides insightful information to the admin about trends regarding bookings. This includes the most popular day for bookings, the most popular service package and item. It also displays a trend line graph to illustrate the trend between bookings.
|
7 5 3 |
1 Figure 49 Carwash Trend Report |
8 6 2 4 |
|||||||||
|
NO. |
Name |
Description |
|||||||||
|
1 |
Report Header |
The heading “Total Carwash
Report” indicates what report is being displayed. |
|||||||||
|
2 |
Date Range Input |
Input field of type datepicker for the date range of the report. |
|||||||||
|
3 |
Generate Button |
Generates the report. |
|||||||||
|
4 |
Export Report |
Exports the report to a pdf version. |
|||||||||
|
5 |
Most Popular Day Card |
Displays the most popular day for bookings. |
|||||||||
|
6 |
Most Popular Service Package Card |
Displays the most popular service package booked. |
|||||||||
|
7 |
Most Popular Service Item
Card |
Displays the most popular service items booked. |
|||||||||
|
8 |
Amount of Bookings Trend
Line |
Displays the trend line for the amount of bookings. |
|||||||||
5.3.14.6 Customer Review Report
The customer satisfaction report shows the average rating that the bookings have received. The table displays the average rating per service package and the amount of reviews received.
|
6 5 3 |
1 Figure 50 Customer Review Report Screen |
2 4 |
|||||||
|
NO. |
Name |
Description |
|||||||
|
1 |
Report Header |
The heading “Total Carwash
Report” indicates what report is being displayed. |
|||||||
|
2 |
Date Range Input |
Input field of type datepicker for the date range of the report. |
|||||||
|
3 |
Generate Button |
Generates the report. |
|||||||
|
4 |
Export Report |
Exports the report to a pdf version. |
|||||||
|
5 |
Customer Satisfaction |
Displays the average rating of reviews and the amount of reviews in the system for the specified timeframe. |
|||||||
|
6 |
Average Rating Per Package Table |
Displays the average rating per service package and the
amount of reviews received for each service package. |
|||||||
The purpose of this function is to log out a user and return to the login screen so that another user can log in. The sign out button can be located underneath the User dropdown in the top right-hand corner of the screen. The user must select the “Sign Out” button, the system will then display a confirmation message and the user must indicate that they wish to sign out, else if the user does not want to sign out they can select the “cancel” button.
|
1 |
Figure 51 Logout Functionality |
|
||
|
NO. |
Name |
Description |
||
|
1 |
Sign Out Button |
Opens up the confirmation
screen which requests the user to confirm whether they want to logout of the
system or not. |
||
5.3.15.1 Change Logo Image
The change logo screen is used to update or change the logo image which is displayed on the system’s home and login screens.
|
1 2 3 5 |
Figure 52 Change Logo Screen |
6 4 |
|||||||
|
NO. |
Name |
Description |
|||||||
|
1 |
Header |
Displays header “Upload
Logo” to indicate which pop-up is displayed. |
|||||||
|
2 |
Image Area |
Area where the image will
display once it has been uploaded. |
|||||||
|
3 |
Select Option Dropdown |
Dropdown for the selection
options of where the logo must display. |
|||||||
|
4 |
Select File Button |
Uploads the selected image
from a selected file. |
|||||||
|
5 |
Close Button |
Closes the pop-up |
|||||||
|
6 |
Continue Button |
Completes the upload of the
image and changes the logo on the system. |
|||||||
5.3.15.2 View Audit Trail
This screen is used to track events that happened on the (IT) system in a table. It displays a table named audit log table with the following fields: Audit ID, Date, User, Transaction Type, Details. If a user wishes to download the audit log document in excel format, a user must click on the download audit log button labelled “download excel”. The audit log table will then download to the local system in an excel format. A user may also search for an audit log by typing in any criteria that matches in the audit log table in the search textbox located in the upper left corner of the screen. The results will show in the audit log table below.
|
1 5 4 3 2 |
Figure 53 Car Colour Screen |
|
||||||
|
NO. |
Name |
Description |
||||||
|
1 |
Header |
The header “Audit Log”
indicates which screen is being displayed |
||||||
|
2 |
Search box |
The search box can be used to search for a specific audit logs on the system. |
||||||
|
3 |
Table Headers |
The table headers for the columns in the table. |
||||||
|
4 |
Table Content |
Displays all the audit logs on the system. |
||||||
|
5 |
Table Footer |
Displays more information regarding information on the audit logs |
||||||
This section explained the administrative website’s functionality and screens in detail.
6 Supervisor Application Functionality
This section explains the functionality of the supervisor application and everything related to the supervisor application.
The home screen displays the booking queue for the current day of the specific location at which that supervisor is registered. The queue is dynamic and the data will differ every day. The supervisor can click on the start button which will then open up a confirmation to ensure that it was not accidental. Once the booking has started a “in-progress” tab will appear in the right hand corner. The booking progress can be viewed and updated by clicking the “view” button. Once a booking is completed, the “End Wash” button must be selected.
6.2.1.1 Booking Queue / Home Screen
|
1 3 4 |
Figure 54 Supervisor Home Screen |
7 6 5 2 |
||||||||
|
NO. |
Name |
Description |
||||||||
|
1 |
Menu Button |
The menu button opens up
the side menu. |
||||||||
|
2 |
Header |
Displays the “Queue” header
to indicate what screen is being displayed. |
||||||||
|
3 |
Search Bar |
The search box can be used to search for a specific booking in the queue |
||||||||
|
4 |
Booking Details Section |
The booking details section contains the booking information of a specific booking in the queue. The customer details, car model and brand, car registration number and the service package is displayed. |
||||||||
|
5 |
Status Labels Section |
The status label sections indicates the status attributes of the specific booking. These statuses includes in-progress (the wash has been started), paid (the booking is paid) and not paid (the payment has not been verified). |
||||||||
|
6 |
View Button |
The view button appears once the start button is clicked. The view button opens up the wash progress pop up screen. |
||||||||
|
7 |
Start Button |
The start button starts the booking progress. Once clicked a confirmation screen will appear and if the action is confirmed the customer will receive an email notification stating that their booking has begun. |
||||||||
6.2.1.2 Wash Progress Screen
The wash progress screen displays the booking’s, which was selected to start its wash, details. This includes the car registration and the service package details as well as a checkbox list for the service items and additional items. Once everything is checked the wash can be ended.
|
4 5 3 |
1 Figure 55 Wash Progress Screen |
6 2 |
|||||||
|
NO. |
Name |
Description |
|||||||
|
1 |
Pop Up Header |
The pop up header displays
“Wash Progress” indicating which pop up is being displayed. |
|||||||
|
2 |
Close button |
The close button will close the pop up. |
|||||||
|
3 |
Booking Details |
The booking details section contains the booking information of a specific booking in the queue. The customer details, car model and brand, car registration number and the service package is displayed. |
|||||||
|
4 |
Service Items |
The service items which is in the service package is displayed as a checkbox list. |
|||||||
|
5 |
Additional Items |
The additional items selected by the customer is displayed in a checkbox list. |
|||||||
|
6 |
End Wash Button |
The end wash button, once clicked, ends the booking and the customer receives an email stating that their booking is completed. |
|||||||
The reset password screen is displayed when a user selects the “forgot password” link on the login screen. The user must type in their email address in the textbox provided and click the “send OTP” button. The system will send the user an OTP which will then allow the user to change their password.
|
1 2 3 |
|
4 |
|||||
|
NO. |
Name |
Description |
|||||
|
1 |
Header |
The header describes what
screen is being displayed. |
|||||
|
2 |
Email Textbox |
Input field for the email
of the admin. |
|||||
|
3 |
Send OTP |
The send email button sends the email with the pin. |
|||||
|
4 |
Cancel |
Closes the screen and returns to the login screen. |
|||||
This screen is used to login the supervisor on to the system, the user must enter his username and password in the username and password textboxes and then click on the login button, a success message will show when the user logs in successfully and an error message will show when the username or password is entered incorrectly. An error message will also show if the email does not exist on the system or if the user does not have access to the admin website.
|
1 3 5 2 |
Figure 56 Supervisor Login Screen |
4 6 |
|||||||
|
NO. |
Name |
Description |
|||||||
|
1 |
Company Logo |
The company logo should be
displayed on the login screen. |
|||||||
|
2 |
Header |
Displays the “Log In”
header which indicates what screen is being displayed. |
|||||||
|
2 |
Username Textbox |
Input of type text for the Username. |
|||||||
|
3 |
Password Textbox |
Input of type Password for the Password. |
|||||||
|
4 |
Forgot Password |
Hyperlink To forgot password screen |
|||||||
|
5 |
Login Button |
Once clicked, the system will login the user as an supervisor and take the user to the home screen. |
|||||||
6.2.4.1 View Guest
The view guest screen displays the registered guests for the supervisors location. A user can add a new guest by clicking the add button in the right hand corner.
|
1 3 4 |
Figure 57 View Guest Screen |
4 2 |
||||||
|
NO. |
Name |
Description |
||||||
|
1 |
Menu |
The menu button opens up
the side menu. |
||||||
|
2 |
Header |
Displays the “Guest” header
to indicate which screen is displayed. |
||||||
|
3 |
Add Guest Button |
The add quest button is used to open up the add guest screen. |
||||||
|
4 |
Search Box |
The search box can be used to search for a specific guest in the system. |
||||||
|
5 |
Guest information |
Displays the guests information: Name, Surname, Car Make and Model, Car Registration number. |
||||||
6.2.4.2 Add Guest
The add guest screen is used to add a new guest to system. All fields must be completed and correct, if not the system will display validation errors. Once the save button is selected the system will add the new guest and display a success message.
|
1 3 9 7 5 |
Figure 58 Add Guest Screen |
8 10 4 6 2 |
|||||||||||
|
NO. |
Name |
Description |
|||||||||||
|
1 |
Heading |
The header displays “Add
Guest” indicating which screen is being displayed. |
|||||||||||
|
2 |
Close Button |
The close button will close the pop up. |
|||||||||||
|
3 |
Name Textbox |
Input field for name of the guest |
|||||||||||
|
4 |
Surname Textbox |
Input field for surname of the guest |
|||||||||||
|
5 |
Car Registration Textbox |
Input field for registration number of the guest’s car. |
|||||||||||
|
6 |
Car Make Dropdown |
Dropdown for all the cars’ makes. |
|||||||||||
|
7 |
Car Model Dropdown |
Dropdown for all the cars’ models |
|||||||||||
|
8 |
Car Colour Dropdown |
Dropdown for all the cars’ colours. |
|||||||||||
|
9 |
Close Button |
The close button acts as the cancel button which will disregard the action. |
|||||||||||
|
10 |
Save Changes Buttons |
The save changes button indicated that the changes must be made to the system. |
|||||||||||
The purpose of this function is to log out a user and return to the login screen so that another user can log in. There are no screens for the logout function, except a confirmation message. Please refer to the Logout confirmation message in section 9.3.2.2.
This section explained the functionality of the supervisor’s mobile application with detailed explanations of each screen.
7 Customer Application Functionality
This section explains the functionality of the customer’s mobile application for the ERP carwash app.
The home screen displays the customer’s name, the quick access bar, the loyalty points, the next booking and the book a wash button. The customer can easily make a booking by clicking on the book a wash button.
|
1 3 4 5 |
Figure 59 Customer Home Screen |
2 |
||||||
|
NO. |
Name |
Description |
||||||
|
1 |
Menu Button |
The menu button opens up
the side menu. |
||||||
|
2 |
Quick Navigation Bar |
Contains linkes to section which are frequently accessed. |
||||||
|
3 |
Loyalty Point Progress Bar |
The loyalty progress bar shows the amount of loyalty points. |
||||||
|
4 |
Next Booking Section |
Displays the next booking of the customer. |
||||||
|
5 |
Book A Wash |
The book a wash button opens up the Book A Wash screen. |
||||||
The forgot password screen is displayed when a user selects the “forgot password” link on the login screen. The system will send the user an OTP which will then allow the user to change their password.
|
1 3 |
Figure 60 Forgot Password Screen |
2 |
||||
|
NO. |
Name |
Description |
||||
|
1 |
Back Button |
The back button navigates
back to the login screen. |
||||
|
2 |
Username Textbox |
Input field for the username of the customer. |
||||
|
3 |
Send Email |
The send email button sends the email with the pin. |
||||
The create account screen is used to register a new account on the system. All fields must be entered correctly and completely in order to successfully register the new customer.
|
1 7 9 5 3 |
Figure 61 Register new account screen |
8 6 4 2 |
||||||||||
|
NO. |
Name |
Description |
||||||||||
|
1 |
Back Button |
The back button navigates
back to the login screen. |
||||||||||
|
2 |
Name Textbox |
Input field for the name of the customer. |
||||||||||
|
3 |
Surname Textbox |
Input field for the surname of the customer. |
||||||||||
|
4 |
Date of Birth Textbox |
Input field for the date of
birth of the customer. |
||||||||||
|
5 |
Email Textbox |
Input field for the email of
the customer. |
||||||||||
|
6 |
Password Textbox |
Input field for the password
of the customer. |
||||||||||
|
7 |
Confirm Password Textbox |
Input field for the confirm
password of the customer. |
||||||||||
|
8 |
Location Dropdown |
Dropdown for all locations
on the system. |
||||||||||
|
9 |
Register Button |
Button to register the new
customer on the system. |
||||||||||
This screen is used to login the customer to the system, the user must enter their username and password in the username and password textboxes and then click on the login button, a success message will show when the user logs in successfully and an error message will show when the username or password is entered incorrectly.
|
1 6 5 3 |
Figure 62 Login Screen |
6 4 2 |
||||||||
|
NO. |
Name |
Description |
||||||||
|
1 |
Company Logo |
The company logo should be displayed
on the login screen. |
||||||||
|
2 |
Header |
Displays the “Log In”
header to indicate what screen is displayed. |
||||||||
|
3 |
Username Textbox |
Input of type text for the Username. |
||||||||
|
4 |
Password Textbox |
Input of type password for the Password. |
||||||||
|
5 |
Forgot Password |
Hyperlink to open up the forgot password screen |
||||||||
|
6 |
Don’t Have an Account link |
Hyperlink to open up the Register New Account screen. |
||||||||
The customer profile screen displays all of the customer’s information. The customer can update their details by selecting the “Update Details” button which will then open up the update details screen. The customer can also choose to disable their account by selecting the “disable account” link at the bottom of the screen. The system will open up a confirmation prompt and the user will have to select yes if they wish to continue the action of disabling their account.
|
1 2 4 6 8 |
Figure 63 Customer's profile screen |
3 5 7 |
|||||||||
|
NO. |
Name |
Description |
|||||||||
|
1 |
Back Button |
The back button navigates
back to the login screen. |
|||||||||
|
2 |
Name |
Displays the name of the customer. |
|||||||||
|
3 |
Surname |
Displays the surname of the customer. |
|||||||||
|
4 |
Email |
Displays the email of the
customer. |
|||||||||
|
5 |
Location |
Displays the location of
the customer |
|||||||||
|
6 |
Date of Birth |
Displays for the date of
birth of the customer. |
|||||||||
|
7 |
Update Button |
Button to update the
details of the customer. |
|||||||||
|
8 |
Disable Account link |
Disables the customer’s
account. |
|||||||||
The update details screen is used to update a customer’s details. All fields must be completed and correct in order for the system to successfully update the information in the database.
|
1 9 7 5 3 |
Figure 64 Update Customer Details Screen |
8 6 4 2 |
||||||||||
|
NO. |
Name |
Description |
||||||||||
|
1 |
Back Button |
The back button navigates
back to the profile screen. |
||||||||||
|
2 |
Header |
Displays the “Profile Details”
heading to indicate what screen is displayed. |
||||||||||
|
3 |
Name Textbox |
Input field for the name of the customer. |
||||||||||
|
4 |
Surname Textbox |
Input field for the surname of the customer. |
||||||||||
|
5 |
Email Textbox |
Input field for the email
of the customer. |
||||||||||
|
6 |
Location Dropdown |
Dropdown for all locations
on the system. |
||||||||||
|
7 |
Date of Birth Textbox |
Input field for the date of
birth of the customer. |
||||||||||
|
8 |
Register Button |
Button to register the new
customer on the system. |
||||||||||
|
9 |
Cancel link |
Cancels the update action. |
||||||||||
A customer can disable their account by selecting the “Disable Account” link located at the bottom of the Profile screen. The system will display a confirmation message where the customer will need to indicate if they wish to proceed the action of disabling their account or if the wish to cancel this action. Once the action is confirmed the account will be disabled and the system will display the login page.
7.2.8.1 View Cars
The view cars screen displays all the customer’s cars that are registered on the system. The customer can add a new car to the system by selecting the “+” button in the bottom right hand corner, the system will open up the add car pop up. A customer can delete a car by selecting the selecting the trash can icon on the left of the car they wish to delete. The system will then open up a confirmation modal and the customer must select yes if they wish to continue their action.
|
1 2 |
Figure 65 View Cars Screen |
4 3 |
|||||
|
NO. |
Name |
Description |
|||||
|
1 |
Back Button |
The back button navigates
back to the login screen. |
|||||
|
2 |
Car Section |
Displays the car information including brand, model and registration number. (displays a list of all cars) |
|||||
|
3 |
Delete Button |
Deletes a car from the system. |
|||||
|
4 |
Add Car Button |
Opens the add car pop up. |
|||||
7.2.8.2 Add Car
The add car screen is used to add a new car to the system. The customer must complete all fields correctly. The add car button must be selected and if the addition is successful the system will display a success message.
|
1 5 3 |
Figure 66 Add New Car Screen |
4 6 2 |
|||||||
|
NO. |
Name |
Description |
|||||||
|
1 |
Registration Number Textbox |
Input field for the
registration number of the car. |
|||||||
|
2 |
Close button |
Closes the pop up. |
|||||||
|
3 |
Brand Dropdown |
Dropdown for all brands on the system. |
|||||||
|
4 |
Model Dropdown |
Dropdown for all models on
the system. |
|||||||
|
5 |
Colour Dropdown |
Dropdown for all coloura on
the system. |
|||||||
|
6 |
Add Car Button |
Adds the car to the system. |
|||||||
7.2.8.3 Delete Car
Refer to section 7.2.8.1. The customer can delete a car by selecting the trash can button on the right side of the car they wish to delete. The system will display a confirmation message where the customer must indicate if they wish to proceed the action of deleting the car or if they wish to cancel the action. Once the confirmation is received the system will validate whether the car can be deleted. A customer must have at least one car on the system at all times.
7.2.9.1 View Bookings
The view bookings screen displays all future bookings that the customer has. The customer can search for a specific booking using the search box. The booking date, car registration number, car model and colour, booking total is displayed for each future booking.
|
1 3 |
Figure 67 View Scheduled Bookings Screen |
2 |
||||
|
NO. |
Name |
Description |
||||
|
1 |
Back Button |
The back button navigates
back to the login screen. |
||||
|
2 |
Search Bar |
Customer can type in attributes to search the list displayed. |
||||
|
3 |
Booking Details Section |
Displays all the booking information for a booking. (can be displayed as a list) |
||||
7.2.9.2 Reschedule Booking
|
1 6 4 2 |
Figure 68 Book A Wash Screen |
7 5 3 |
||||||||
|
NO. |
Name |
Description |
||||||||
|
1 |
Back Button |
The back button navigates
back to the login screen. |
||||||||
|
2 |
Select Car |
Contains the select car section details. Once clicked the section will open up. |
||||||||
|
3 |
Select Wash |
Contains the select wash section details. Once clicked the section will open up. |
||||||||
|
4 |
Select Date |
Contains the select date
section details. Once clicked the section will open up. |
||||||||
|
5 |
Select Payment Method |
Contains the select payment
method section details. Once clicked the section will open up. |
||||||||
|
6 |
Price Label |
Displays the price of the
items selected. |
||||||||
|
7 |
Book Now Button |
The button will save the
booking details and navigate to the confirmation screen. |
||||||||
7.2.9.3 View Booking History
The view booking history screen displays all of the customer’s previous bookings. The customer can search for a specific booking by typing in the search box field. The customer can write a review by selecting the review button of the booking they wish to rate.
|
1 4 |
Figure 69 View Wash History Screen |
5 3 2 |
||||||
|
NO. |
Name |
Description |
||||||
|
1 |
Back Button |
The back button navigates
back to the home screen. |
||||||
|
2 |
Header |
Displays the “History”
heading which indicates what screen is displayed. |
||||||
|
3 |
Search Bar |
Customer can type in attributes to search the list displayed. |
||||||
|
4 |
Booking History Details Section |
Displays all the booking information for a booking history. |
||||||
|
5 |
Review Button |
Opens up the review screen
where a user can write a re view about the selected booking. |
||||||
7.2.9.4 Review Wash
The review wash screen is used to write a review for a specific booking. The customer can rate a booking out of 5 and a description of up to 250 characters. The review can be submitted by selecting the review button, if the review is successfully submitted a success message will appear on the screen.
|
1 4 |
Figure 70 Add Review Screen |
5 3 2 |
||||||
|
NO. |
Name |
Description |
||||||
|
1 |
Close Button |
Closes the pop up. |
||||||
|
2 |
Header |
Displays the “Review Wash”
heading which indicates what screen is displayed. |
||||||
|
3 |
Star Rating Input |
Input rating for the rating of the booking out of 5. |
||||||
|
4 |
Review Textbox |
Inut field for the review description. |
||||||
|
5 |
Review Button |
Submits the review and adds
it to the system. |
||||||
7.2.10.1 Make A Booking Screen
The make booking screen is used by the customer to make a new booking on the application. The screen has four main sections, each can be clicked to expand and provide more information and input fields. Each section must be completed before the “Book Now” button can be selected.
|
1 6 4 2 |
Figure 71 Book A Wash Screen |
7 5 3 |
||||||||
|
NO. |
Name |
Description |
||||||||
|
1 |
Back Button |
The back button navigates
back to the login screen. |
||||||||
|
2 |
Select Car |
Contains the select car section details. Once clicked the section will open up. |
||||||||
|
3 |
Select Wash |
Contains the select wash section details. Once clicked the section will open up. |
||||||||
|
4 |
Select Date |
Contains the select date
section details. Once clicked the section will open up. |
||||||||
|
5 |
Select Payment Method |
Contains the select payment
method section details. Once clicked the section will open up. |
||||||||
|
6 |
Price Label |
Displays the price of the
items selected. |
||||||||
|
7 |
Book Now Button |
The button will save the
booking details and navigate to the confirmation screen. |
||||||||
This section is used to select the car for which the booking is made.
|
1 4 2 |
Figure 72 Select Car Section |
3 |
|||||
|
NO. |
Name |
Description |
|||||
|
1 |
Section Header |
Displays the section header
“Select Car” to indicate what section is expanded. |
|||||
|
2 |
Car List Section |
Displays the list of the users cars. A user can tap to select a car. |
|||||
|
3 |
Add Car Button |
Opens up the add car pop-up. |
|||||
|
4 |
Next Button |
Closes the section and saves
the selected information |
|||||
This section is used to select the wash details for the booking.
|
5 3 1 |
Figure 73 Select Wash Section |
6 4 2 |
|||||||
|
NO. |
Name |
Description |
|||||||
|
1 |
Section Header |
Displays the section header
“Select Wash” to indicate what section is expanded. |
|||||||
|
2 |
Select Wash Dropdown |
Dropdown for all service packages on the system. |
|||||||
|
3 |
Want Something Extra? Button |
Opens up a list of extra service items. |
|||||||
|
4 |
Priority Booking Radio Button |
If selected, the booking
will be flagged as a priority booking. |
|||||||
|
5 |
Total Label |
Displays the total cost of
the wash. |
|||||||
|
4 |
Next Button |
Closes the section and saves
the selected information |
|||||||
This section is used to select the date on which the booking must be.
|
1 2 |
Figure 74 Select Date Section |
|
|||
|
NO. |
Name |
Description |
|||
|
1 |
Section Header |
Displays the section header
“Select Date” to indicate what section is expanded. |
|||
|
2 |
Date List |
Displays a list of available days. If a date is selected the section will close. |
|||
7.2.10.2 Select Payment Section
This section is used to select the payment method that the customer will use to pay for their booking.
|
2 1 |
Figure 75 Select Payment Section |
3 |
||||
|
NO. |
Name |
Description |
||||
|
1 |
Section Header |
Displays the section header
“Select Date” to indicate what section is expanded. |
||||
|
2 |
Payment Methods List |
Displays a list of the payment methods available top the user. |
||||
|
4 |
Next Button |
Closes the section and saves the selected information |
||||
7.2.10.3
7.2.10.4 Confirm Booking Screen
The confirm booking screen displays the bookings information and displays the data as selected by the customer on the make a booking screen. The customer can select the Pay Now button which will then use the selected payment method to pay for the booking.
|
1 6 4 2 |
Figure 76 Confirm Booking Screen |
7 5 3 |
||||||||
|
NO. |
Name |
Description |
||||||||
|
1 |
Back Button |
The back button navigates
back to the make a booking screen. |
||||||||
|
2 |
Selected Car Section |
Contains the selected car details. |
||||||||
|
3 |
Selected Wash Section |
Contains the selected wash section details. |
||||||||
|
4 |
Selected Date Section |
Contains the selected date
section details. |
||||||||
|
5 |
Selected Payment Section |
Contains the selected
payment method details |
||||||||
|
6 |
Pay Button |
Navigates to the selected
payment method screens. |
||||||||
|
7 |
Disclaimer Label |
Provides a disclaimer to
the customer to notify them of the booking policy. |
||||||||
7.2.11.1 View Vouchers
The view vouchers screen displays the customer’s vouchers and information such as the expiry date of the vouchers and the package to be redeemed.
|
1 2 |
Figure 77 View Vouchers Screen |
|
|||
|
NO. |
Name |
Description |
|||
|
1 |
Back Button |
The back button navigates
back to the login screen. |
|||
|
2 |
Voucher Card |
Displays the voucher type and the expiry date of the voucher. |
|||
The purpose of this function is to log out a user and return to the login. The sign out button can be located at the bottom of the side navigation menu. The user must select the “Sign Out” button, the system will then display a confirmation message and the user must indicate that they wish to sign out, else if the user does not want to sign out they can select the “cancel” button.
|
1 |
Figure 78 Sign Out Button |
|
||
|
NO. |
Name |
Description |
||
|
1 |
Sign Out Button |
Opens up the confirmation screen
which requests the user to confirm whether they want to logout of the system
or not. |
||
This section contained the detailed explanations of the customer’s mobile application functionality
This section includes a description of all reports that can be generated and downloaded by the system. The purpose and use of each report and why the report is insightful and valuable to the carwash business is discussed in detail.
The total carwash report is used to display the total number of bookings made for the specified timeframe. The report shows the total number of bookings booked per package as well as service items. This report indicates what service packages and items was popular and the report is vital for the reconciliation of the general ledgers of the company.
Figure
79:
Total Carwash Report Output
The total income report is used to display the income of the company for the specified timeframe. The total income report shows a graphic illustration of the income generated and the report is useful in predicting trend, fraud and reconciliation of the general ledgers of the company.
Figure
80
Total Income Report Output
The stock level report is used to display the current stock levels in a graphical format. This provided a quick visual of how the stock levels are looking and will provide an indication of what stock may need to be restocked soon.
Figure
81
Stock Level Report Output
The carwash trend report is used to provide some business intelligence to the user. The report displays some of the most popular days, service packages and service items. A line graph shows a trend line graph of the bookings. This report gives insightful information on how the company can improve their bookings and create a more successful carwash business.
Figure
82
Carwash Trend Report Output
The customer satisfaction report is used to display the average rating a carwash has received and the average rating each service package has received. The report shows a table with the average overall rating and another table with each of the service packages’ rating. This is useful to improve on the services provided and too see whether customers are satisfied with the services they receive.
Figure
83
Customer Satisfaction Report
This section discussed each of the report’s purpose and uses in a business sense.
9 Error & Confirmation Messages
This section includes a description of the error messages, confirmation messages and success messages that can be generated by the system.
9.2.1.1 Incorrect Password Error
This error message is displayed when a password is not entered correctly or is not a valid password.
|
1 |
Figure 84 Error Message Example |
2 |
|||
|
NO. |
Name |
Description |
|||
|
1 |
Error Message |
Message containing information about the error action. |
|||
|
2 |
Okay Button |
Closes the success message. |
|||
9.2.1.2 Email Not Registered Error
This error message is displayed when the email entered does not match a registered user.
|
1 |
2 |
||||
|
NO. |
Name |
Description |
|||
|
1 |
Error Message |
Message containing information about the error action. |
|||
|
2 |
Okay Button |
Closes the success message. |
|||
9.2.1.3 General Error Message Format
The general error message format is used to display any error message that occurs in the system. The messages are clear and if a solution is possible, the solution will also display.
|
1 |
2 |
||||
|
NO. |
Name |
Description |
|||
|
1 |
Error Message |
Message containing information about the error action. |
|||
|
2 |
Okay Button |
Closes the success message. |
|||
9.2.2.1 Incorrect Password Error
This error message is shown when the incorrect password is entered in the login screen.
|
1 |
2 |
||||
|
NO. |
Name |
Description |
|||
|
1 |
Error Message |
Message containing information about the error action. |
|||
|
2 |
Ok Button |
Closes the error message. |
|||
9.2.2.2 Email Not Registered Error
This error message is shown when the email entered does not exist on the system.
|
1 |
2 |
||||
|
NO. |
Name |
Description |
|||
|
1 |
Error Message |
Message containing information about the error action. |
|||
|
2 |
Ok Button |
Closes the success message. |
|||
9.2.2.3 Action Not Allowed Error
This error displays when an action (delete, update or add) is not allowed by the current user. This could be because of restrictions due to records on the system or role permissions.
|
1 |
2 |
||||
|
NO. |
Name |
Description |
|||
|
1 |
Error Message |
Message containing information about the error action. |
|||
|
2 |
Ok Button |
Closes the success message. |
|||
9.3.1.1 Delete Confirmation Message
This confirmation message is shown every time the user wants to delete a record to confirm the deletion.
|
1 2 3 |
|
4 |
|||||
|
NO. |
Name |
Description |
|||||
|
1 |
Confirmation Header |
Alert header with text “Warning”. |
|||||
|
2 |
Confirmation Content |
Information regarding the action to be completed. |
|||||
|
3 |
No Button |
Closes the pop up. |
|||||
|
4 |
Yes Button |
Completes the deletion. |
|||||
9.3.1.2 Update Confirmation Message
This confirmation message is shown every time the user wants to update a record to confirm the change
|
1 2 3 |
|
4 |
|||||
|
NO. |
Name |
Description |
|||||
|
1 |
Confirmation Header |
Alert header with text “Confirmation”. |
|||||
|
2 |
Confirmation Content |
Information regarding the action to be completed. |
|||||
|
3 |
No Button |
Closes the pop up. |
|||||
|
4 |
Yes Button |
Completes the deletion. |
|||||
9.3.2.1 Disable Warning Message
The disable warning message displays when a customer has selected to disable their account.
|
1 2 3 |
|
4 |
|||||
|
NO. |
Name |
Description |
|||||
|
1 |
Confirmation Header |
Alert header with text “Wait!”. |
|||||
|
2 |
Confirmation Content |
Information regarding the action to be completed. |
|||||
|
3 |
Cancel Button |
Closes the pop up. |
|||||
|
4 |
Yes Button |
Completes the deletion. |
|||||
9.3.2.2 Delete Confirmation Message
This confirmation message is shown every time the user wants to delete a record to confirm the deletion.
|
1 2 3 |
|
4 |
|||||
|
NO. |
Name |
Description |
|||||
|
1 |
Confirmation Header |
Alert header with text “Warning!”. |
|||||
|
2 |
Confirmation Content |
Information regarding the action to be completed. |
|||||
|
3 |
No Button |
Closes the pop up. |
|||||
|
4 |
Yes Button |
Completes the deletion. |
|||||
9.3.2.3 Update Confirmation Message
This confirmation message is shown every time the user wants to update a record to confirm the change of that record.
|
1 2 3 |
|
4 |
|||||
|
NO. |
Name |
Description |
|||||
|
1 |
Confirmation Header |
Alert header with text “Confirmation” |
|||||
|
2 |
Confirmation Content |
Information regarding the action to be completed. |
|||||
|
3 |
No Button |
Closes the pop up. |
|||||
|
4 |
Yes Button |
Completes the deletion. |
|||||
9.4.1.1 Success Message
This success message is shown every time an action is successfully completed.
|
1 |
2 |
||||
|
NO. |
Name |
Description |
|||
|
1 |
Success Message |
Message containing information about the successful action. |
|||
|
2 |
Okay Button |
Closes the success message. |
|||
9.4.2.1 Success Message
This success message is shown every time an action is successfully completed.
|
1 |
2 |
||||
|
NO. |
Name |
Description |
|||
|
1 |
Success Message |
Message containing information about the successful action. |
|||
|
2 |
Okay Button |
Closes the success message. |
|||
9.4.2.2 Update Successful Message
This success message is shown every time an update is successfully completed.
|
1 |
2 |
||||
|
NO. |
Name |
Description |
|||
|
1 |
Success Message |
Message containing information about the successful action. |
|||
|
2 |
Okay Button |
Closes the success message. |
|||
9.4.2.3 Delete Successful Message
This success message is shown every time a deletions is successfully completed.
|
1 |
2 |
||||
|
NO. |
Name |
Description |
|||
|
1 |
Success Message |
Message containing information about the successful
action. |
|||
|
2 |
Okay Button |
Closes the success message. |
|||
This section discussed all of the possible error, success
and confirmation messages that can be generated on the website and the mobile
applications.
10 Glossary
10.1 Introduction
The glossary provides clear definitions or descriptions to the terminology used in the user manual and on what pages these terms were used.
|
|
Term |
Definition |
Pages |
|
A |
Admin |
User with both app and website access. |
24, 25, 26, 27, 94, 108 |
|
B |
Booking |
A booking refers to the wash service that was purchased and reserved by a customer. |
7, 9 , 19, 20, 94, 95, 103-107 , 115, 124 – 135, 138,141, |
|
Booking History |
Booking history refers to a list of bookings that have already been completed. |
126 |
|
|
C |
Car Brand |
Car Brand refers to the car’s company i.e. Toyota. |
72, 76, 77 |
|
Car Colour |
Car colour refers to the colour of the car’s body. |
81, 82, 83 |
|
|
Car Model |
Car model refers to the model of the car i.e. Yaris. |
70, 71, 74,75 |
|
|
Car Type |
Car type refers to the size of the car i.e. Hatchback. |
65, 66, 67, 68 |
|
|
Customer |
A customer is a user who purchases booking and uses the customer application. |
10, 11, 105-107, 115-126,128-132, 135, 142 |
|
|
D |
|
|
|
|
E |
Employee |
An employee is a user who accesses the Supervisor app or works for the carwash business. |
23, 26, 27, 37, 38, 39, 40 |
|
H |
Hyperlink |
A link from a hypertext document to another location, activated by clicking on a highlighted word or image. |
26, 110, 118 |
|
L |
Loyalty Point |
Loyalty points refers to rewards received by a customer for making a booking. |
17, 19, 21 , 115 |
|
O |
OTP |
One Time Pin |
24, 108,116 |
|
P |
PayFast |
A secure integrated payment system. |
131 |
|
Q |
Queue |
Queue refers to the line-up of the bookings for a specific day. |
10, 103, 104, 105 |
|
R |
Review |
A review refers to an informal assessment written by a customer about a service they received. |
96, 97, 128 |
|
S |
Supervisor |
A supervisor refers to a user who is in charge of the supervisor application and completing the booking’s actions. |
10, 103, 104, 109, 110, 114 |
|
Stock Item |
A stock item is a disposable item used during the car wash services. |
41, 42, 43,44, 4,5, 64, 92 |
|
|
Stock Level |
Stock level refers to the current amount left in the system for each stock item. |
92, 93, 140 |
|
|
Service Package |
A Service package is a collection of service items to create a complete wash package. |
53 – 58, 88, 89, 94, 95, 96, 105 – 107, 131, 138, 141, 142 |
|
|
Service Item |
A service item is an individual wash service for example “interior wash”. |
59 -64, 89, 95, 96, 107, 131, 138, 141, 142 |
|
|
|
Scheduled Booking |
A scheduled booking refers to a booking that has not yet been completed. |
124 |
|
U |
User |
Anyone using the mobile application or the administrative website. |
6, 30 – 38, 48, 51 – 56, 60 - 68, 71-76, 84 – 87, 90 -96, 108 -114, 118, 127, 130-135, 144, 146 -148 |
|
V |
Voucher |
A voucher refers to a free package received by a customer. |
9, 21, 135 |
This concludes the glossary of terms used in the user manual.
This section holds the formally signed page where the client specifies that she has read the document, understands it and agrees with its contents.
I ,_______________________________________________ ,on behalf of EPI-USE, declare that the contents of this document meets the expectations and requirements that is expected from the team.
Client’s signature: ____________________________ Date: ____________________________
The client has read through and approved of the quality and content of this document and gives consent to its submission as deliverable
This section contains the signatures of each team member to state that they approve the contents of this document.
We, the members of Group 7, referred to as KODEIT, declare that we are satisfied with the quality of the contents contained in this document. We declare that each member of the group has made an equal contribution to complete the work, by adhering to the frameworks and guidelines as well as the regulations regarding the module INF 370, and that the work is our own.
Date
Signed: ______________________
|
Liza-Mari Wolhuter |
|
|
Gideon Botha |
Zuan Van Zyl |
|
Barend Steenkamp |
|
In conclusion, the team approves the content in this document and also declares that they have fully participated in the completion of this document.
This document described the functions, controls and elements of each screen on both the administrative website and the mobile application. Descriptions of error, success and confirmation messages are also provided, as well as a short glossary. System implementation and how to get further help was discussed briefly.